@import '~antd/es/style/themes/default.less';

@textColor: #01c3df;
@bgColor: rgba(60, 60, 60, 0.2);
@riseColor: red;

.headerTop {
  margin-bottom: 10px;
  padding: 0 0 10px;
  .conTop {
    // height: 115px;
    display: flex;
    @media screen and (min-width: 1400px){
      width: 100%;
    }
    .conTopArea, .conTopProject {
      height: 100%;
      padding-left: 10px;
      > h3 {
        font-size: 16px;
        padding: 10px 0 0 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

      }
      > p {
        margin-bottom: 0;
        line-height: 32px;
        color: #00e4de;
        text-shadow: 0 0 25px #04e2dd;
        font-family: 'yjsz';
        .number {
          font-size: 26px;
        }
        span {
          font-size: 18px;
        }
      }
      @media screen and (min-width: 1400px){
        > h3 {
          font-size: 24px;
        }
        > p {
          span {
            font-size: 18px;
          }
          .number {
            font-size: 36px;
          }
        }
      }
    }
    .conTopArea {
      width: 60%;
    }
    .conTopProject {
      width: 40%;
    }
  }
  .smil {
    margin-left: 10px;
    span {
      display: inline-block;
      line-height: 20px;
      text-align: left;
      font-size: 12px;
      padding-right: 2px;
    }
    .arrow{
      font-size: 16px;
      line-height: 16px;
    }
    .descend, .ascend {
      padding-right: 9px;
    }
    .descend {
      color: @success-color;
    }
    .ascend {
      color: @warning-color;
    }
  }
}


@media screen and (max-width: 1360px){

}
